@charset "utf-8";
/* CSS Document */

.pro-tab-main {
    display: flex;
	width: 100%;
    overflow-x: auto;
}
.bgtable{table-layout: fixed;width:100%; border-collapse:collapse;}
.bgtable td{ border:1px solid #ccc; line-height:2; text-align:center;word-break:break-all;}

/*---------*/
.inbanner { background: url(../img/about.jpg) no-repeat center; height: 500px; }
.inner-box { padding: 4% 0 6%; }
.inner-bg { background: #f5f5f5; }
.content-box { margin-top: 4%; font-size: 16px; color: #666; }
/*p-T*/
.ResTitle_a3 span { color: #12436f; font-weight: bold; font-size: 36px; line-height: normal; }
.ResTitle_a3 em, .ResTitle_a3 br { display: none; }
.p-T { position: relative; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.PosList_a1 { text-transform: capitalize; position: absolute; font-size: 14px; color: #999; line-height: normal; background: url(../img/home.png) no-repeat left center; padding-left: 25px; background-size: 17px 13px; right: 0; bottom: 20px; }
.PosList_a1 b { color: #12436f; }
.ResTitle_a3 { text-transform: uppercase; padding: 10px 0 0 30px; position: relative; z-index: 1; }
.ResTitle_a3:before, .ResTitle_a3:after { content: ''; width: 15px; height: 15px; position: absolute; z-index: -1; }
.ResTitle_a3:before { background: #12436f; top: 0; left: 0; }
.ResTitle_a3:after { background: #286aa6; top: 7px; left: 7px; }
/*公司简介*/
.about-us-box { }
.about-us-box p { text-indent: 3rem; line-height: 2; }
.about-us-box em { font-size: 24px; color: #2b71b9; font-style: normal; letter-spacing: 1px; }
.whul { margin: 60px auto 20px; }
.whul li { float: left; width: 29%; text-align: center; margin: 0 2%; }
.whul .wh01 { background: url(../img/tb01bg.png) no-repeat center center; width: 182px; height: 182px; text-align: center; padding: 35px 50px; margin: 0 auto; }
.whul .tit { font-size: 20px; color: #888; text-decoration: none; }
.whul .tita { color: #888; font-size: 14px; line-height: 24px; text-decoration: none; margin-top: 20px; }
.whul .wh02 { background: url(../img/tb02bg.png) no-repeat center center; width: 182px; height: 182px; text-align: center; padding: 35px 50px; margin: 0 auto; }
.whul .wh03 { background: url(../img/tb03bg.png) no-repeat center center; width: 182px; height: 182px; text-align: center; padding: 35px 50px; margin: 0 auto; }
.whul li:hover .wh01 { background: url(../img/tb01bgn.png) no-repeat center center; transition: .5s; }
.whul .wh01 .who1imm { background: url(../img/tb01.png) no-repeat center; width: 80px; height: 80px; margin: 0 auto; padding-top: 45px; text-align: center; }
.whul li:hover .wh01 .who1imm { background: url(../img/tb01n.png) no-repeat center; transition: .5s; }
.whul li:hover .tit { color: #1f56ba; transition: .5s; }
.whul li:hover .wh02 { background: url(../img/tb02bgn.png) no-repeat center center; transition: .5s; }
.whul .wh02 .who2imm { background: url(../img/tb02.png) no-repeat center; width: 80px; height: 80px; margin: 0 auto; padding-top: 45px; text-align: center; }
.whul li:hover .wh02 .who2imm { background: url(../img/tb02n.png) no-repeat center; transition: .5s; }
.whul li:hover .wh03 { background: url(../img/tb03bgn.png) no-repeat center center; transition: .5s; }
.whul .wh03 .who3imm { background: url(../img/tb03.png) no-repeat center; width: 80px; height: 80px; margin: 0 auto; padding-top: 50px; text-align: center; }
.whul li:hover .wh03 .who3imm { background: url(../img/tb03n.png) no-repeat center; transition: .5s; }
/*news_list*/
.news-box { margin-top: 4%; font-size: 16px; color: #666; }
.news_list li { width: 100%; transition: 0.3s ease 0s; margin-bottom: 2%; line-height: normal; padding: 2% 2% 2% 5%; background: #fff; box-sizing: border-box; }
.news_list .R { width: 33.5%; overflow: hidden; }
.news_list .L { margin-right: 6%; width: 59.5%; }
.n-data:before { margin-right: 10px; background: #286aa6; content: ''; width: 5px; height: 16px; vertical-align: bottom; display: inline-block; }
.n-data { font-size: 14px; color: #666; }
.news_list h3 { margin-top: 4.5%; font-size: 24px; color: #333; font-weight: normal; }
.news_list p { margin-top: 2%; font-size: 14px; color: #666; -webkit-line-clamp: 3; line-height: 1.85; max-height: 75px; }
.news_list a { display: block; }
.news_list .n-a { position: relative; margin-top: 6.5%; width: auto; padding: 0 40px; display: inline-block; height: 45px; line-height: 45px; font-size: 12px; color: #333; text-align: center; border: 1px solid #ddd; }
.n-a span { display: block; position: relative; }
.n-a span:before { z-index: 1; left: 0; top: 0; color: #fff; position: absolute; content: 'VIEW MORE'; width: 0%; white-space: nowrap; transition: 0.3s ease 0.1s; overflow: hidden; }
.n-a:hover span:before { width: 100%; }
.n-a:hover { border-color: #286aa6; }
.news_list h3 a:hover { color: #12436f; font-weight: bold; }
.news_list a:hover img { transform: scale(1.1); }
.news_list li:hover { border-radius: 10px; box-shadow: 0 0 12px 0 rgba(0,0,0,0.05); }
.left_right, .left_right1 { position: relative; width: 100%; height: 100%; z-index: 1; }
.left_right:before { transition: 0.5s ease 0s; position: absolute; content: ''; z-index: -1; }
.left_right:before { width: 0; top: 0; height: 100%; background: #286aa6; }
.left_right:before, .left_right1:hover:before { left: 0; }
.left_right:hover:before, .left_right1:hover:before { width: 100%; }
/*product-box*/
.product-box { margin: 40px auto 0; clear: both; }
.product-box ul li { width: 32.3%; margin: 0 1% 1% 0; float: left; }
.product-box ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; }
.product-box ul li a div { overflow: hidden; width: 100%; height: 100%; }
.product-box ul li a div img { width: 100%; min-height: 200px; display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.product-box ul li:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); }
.product-box ul li a:hover div img { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
.product-box ul li a p { text-align: center; font-size: 14px; color: #333; margin: 0; padding: 10px; }
.product-box ul li a:hover p { color: #286aa6; }
.product-box ul li a .title { font-size: 16px; text-align: center; }
.product-box ul li a .price { min-height: 40px; color: #f60; font-family: Lucida Grande, Arial, 微软雅黑, 宋体; font-weight: 400; padding: 0 10px 10px 10px; }
.product-box ul li a .price span { float: right; font-weight: normal; color: #999; }
/*device-box*/
.device-box { }
.device-box ul { }
.device-box ul li { display: inline-flex; justify-content: center; align-items: center; width: 32%; margin: 0 1% 1% 0; text-align: center; border: 2px solid #eaeaea; padding: 5px; box-sizing: border-box; }
.device-box ul li .a { margin-top: 5px; background: #eee; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; }
/*case-box*/
.case-box { }
.case-box ul { }
.case-box ul li { display: inline-flex; justify-content: center; align-items: center; width: 32%; margin: 0 1% 1% 0; text-align: center; border: 2px solid #eaeaea; padding: 5px; box-sizing: border-box; }
.case-box ul li .a { margin-top: 5px; background: #eee; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; }
/*contact-us-box*/
.contact-us-box { }
.contact-us-box li { display: table; text-align: center; background: #fff; width: 33%; float: left; height: 16.666vw; box-sizing: border-box; border-left: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.contact-us-box i, .contact-us-box span { display: block; }
.contact-us-box img { max-width: 14.5%; }
.contact-us-box dl { display: table-cell; vertical-align: middle; }
.contact-us-box span { margin-top: 3%; color: #2c6da8; font-size: 16px; }
/*feedback-box*/
.feedback-box { background: #fff; margin-top: 30px; padding: 50px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 31.4%; padding: 10px; font-size: 16px; border: 1px solid #dedede; margin: 0 5px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagecon .messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #333; border-radius: 4px; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { background: #286aa6; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.feedback-box .yanzhengma { display: inline; }
/*product-show-box*/
.inner-title-name { text-align: center; display: block; font-size: 30px; color: #286aa6; margin-bottom: 20px; }
.product-show-box { background: #fff; padding: 10px; }
.pro-shuoming { }
.pro-shuoming h3 { display: inline-block; padding: 0 40px 0 20px; color: #fff; font-size: 18px; background: linear-gradient(to right, #286aa6, #286aa66b); line-height: 180%; transform: skewX(-40deg); margin: 15px; }
.pro-shuoming h3>strong, .pro-shuoming h3>b { transform: skewX(40deg); display: block; font-weight: normal; }
/*上下页产品*/
.backline { padding-top: 10px; margin: 30px 0 50px; }
.backline .next { float: right; }
.backline .prev { float: left; }
.backline .prev, .backline .next { width: 48.5%; position: relative; height: 50px; line-height: 50px; }
.backline .prev:before, .backline .next:before { position: absolute; top: 0; content: ''; width: 100%; height: 100%; border: 1px solid #dedede; box-sizing: border-box; transform: translateX(0) skewX(-20deg); -webkit-transform: translateX(0) skewX(-20deg); -moz-transform: translateX(0) skewX(-20deg); }
.backline .prev:before { left: 0; }
.backline .next:before { right: 0; }
.backline .prev a, .backline .next a { display: block; }
.backline h2 { font-size: 18px; color: #fff; width: 130px; text-align: center; position: relative; line-height: inherit; z-index: 1; }
.backline h2:before { position: absolute; content: ''; width: 100%; height: 100%; z-index: -1; top: 0; left: 0; transform: translateX(0) skewX(-20deg); -webkit-transform: translateX(0) skewX(-20deg); -moz-transform: translateX(0) skewX(-20deg); background-color: #286aa6; }
.backline .prev h2 { float: left; }
.backline .next h2 { float: right; }
.backline .txt { text-align: center; font-size: 16px; width: calc(100% - 140px); overflow: hidden; }
 @media screen and (max-width: 1024px) {
.PosList_a1 { display: none; }
}
 @media screen and (max-width: 768px) {
}
 @media screen and (max-width: 500px) {
.inbanner { height: 300px; }
.ResTitle_a3 { text-align: center; }
.ResTitle_a3 span { font-size: 7vw; }
.product-box ul li { width: 100%; }
.whul li { width: 100%; margin-bottom: 20px; }
.news_list .L { width: 100%; }
.news_list h3 { font-size: 18px; }
.inner-title-name { font-size: 18px; }
.device-box ul li, .case-box ul li { width: 48%; }
.feedback-box { padding: 20px; }
.messageinput, .messagetarea { width: 100%; }
.backline .prev, .backline .next { float: none; width: 100%; margin: 10px 0; }
.backline .next h2 { float: left; }
.contact-us-box ul { overflow: hidden; background: #fff; padding: 5vw; }
.contact-us-box li { display: block; margin-top: 4vw; text-align: left; width: 100%; float: none; height: auto; border-left: none; border-bottom: none; }
.contact-us-box dl, .contact-us-box i { display: block; }
.contact-us-box dd, .contact-us-box dt { display: inline-block; vertical-align: top; }
.contact-us-box dd { width: auto; }
.contact-us-box img { max-width: 7vw; }
.contact-us-box dt { width: calc(100% - 12vw); margin-left: 3vw; margin-top: 4vw; }
.contact-us-box li:first-child p { width: 100%; margin-top: 0; }
.contact-us-box p { margin-top: 0; font-size: 3.33vw; }
}